body{background: #c0c0c0;color:#333333;}
#part1{position: absolute;top: 0px;height: 138px;background: #f3f3ea;width: 100%;z-index: -2}
#part2{position: absolute;bottom: 0px;background: #f3f3ea;width: 100%;height: 530px;bottom: 0px;z-index: -1}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clearfix {float: none;clear: both;}
#top-page{width: 1000px; height: 85px;position:relative;}
#top-page p{position:absolute;right:0px;bottom:3px;}
#top-page p a{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#333333;}
#top-page p a:hover{color:#CA4C3F;}

#header{width: 1000px;height: 10px;position:relative;}
#header h1 a{display:block;width:150px;height:29px;background-image:url(../images/logo-header3.png);text-indent: -9999999px;position:absolute;top:-25px;}


/* TOP MENU */
.top-bar-wrap{padding:3px 0px;box-shadow:0 2px 4px #888888;}
#top-bar {width: 1000px;border-top: 1px dashed #c2c2bc;border-bottom: 1px dashed #c2c2bc;}
#menu{float: left;}
#menu li {position: relative; float: left;line-height: 35px;margin-right: 10px;}
#menu li a {display: block; float: left;padding: 0px 30px 0px 10px;font-size: 15px;color: #fff;font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;}
#menu li a:hover {color: #c2c2bc;}
#menu li a img{width: 16px;height: 16px;}


#wrap{width: 1000px;margin: 0 auto;}

/* ADMIN-SCREEN*/
#container{padding: 50px 0px;height:642px;}
#container h1#hello{width:1000px;text-align: center;padding-top:100px;font-size: 500%;color: #f3f3ea}
#container h1#hello span{color: #CA4C3F;}
#container #admin-icon{margin:0px 372px;display: block;}
/* FORM */

#container .form{background: #fff;border: 1px solid #D4D4D4;color: #333}
#container .form h1{color: #fff;line-height: 40px;padding: 10px 30px;font-size: 18px;font-style: italic;background:#333;}
#container .form form{padding:50px 20px 50px 80px;}
#container .form span{color: red;} 
#container .form label{line-height: 45px;}
#container .form input{height: 28px;margin-left: 15px;width: 220px;padding: 0px 10px;margin-right:10px;}
#container .form #submit{width: 80px;border: none;float: left;height: 30px;margin-top: 15px;background: #d4614e;color: #f3f3ea;border: 1px solid #a5311e;font-weight: bold;border-radius: 2px;}			
#container .form #submit:hover{background: #CA4C3F;color: #f3f3ea;}			

#container textarea{margin-left: 15px;width: 220px;padding: 10px 10px;margin-right:10px;}


#container #add-movie{width:756px;background: #fbfcfc;box-shadow:0 2px 4px #888888;border: 1px solid #D4D4D4;color: #333;float: left;margin-right: 30px;}
#container .form h1{line-height: 20px;}
#container #side-bar{width: 150px;float: right;}

.table table{}
.table th{ background:#fffdfa; color:#818181; text-align: left; padding:6px 15px; border-bottom:solid 1px #d2d1cb;font-weight: bold;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:7px 15px; }

a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(images/del.gif)}
a.edit { background-image:url(images/edit.gif); margin-left:14px;}

#footer{background:#f3f3ea; line-height:48px;font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;font-size:130%;border-top: 3px solid #fff;box-shadow:0 2px 4px #888888;}
#footer #footer-wrap{width: 1000px;margin:0 auto;}
